<title>Video Conferencing using RTCMultiConnection</title>

<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width,height=device-height">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<link rel="stylesheet" type="text/css" href="css/video.css">
<link rel="stylesheet" type="text/css" href="./js/mui/css/mui.css">
<body background="img/bg.png">

<video id="localVideo" autoplay="autoplay" muted="true" ></video>
<video id="remoteVideo" autoplay="autoplay" muted="true" playsinline="true"></video>


<button type="button" id="toSendMessage" class="mui-btn mui-btn-success mui-icon mui-icon-chat"></button>
<button type="button" id="toStartMenu" class="mui-btn mui-btn-success mui-icon mui-icon-bars"></button>
<!--<button type="button" id="camera-switch" class="mui-btn mui-btn-success mui-icon mui-icon-loop"></button>-->
<div id="menu" class="mui-row" >
    <!--<div id="record-timer">0</div>-->
    <!--<button type="button" id="menuBack" class="mui-btn mui-btn-success mui-icon mui-icon-back"></button>-->
    <button type="button" id="video-leave" class="mui-btn mui-btn-danger mui-icon mui-icon-undo mui-col-sm-2 "></button>
    <button type="button" id="audio-control" class="mui-btn mui-btn-success  mui-col-sm-2"></button>
    <button type="button" id="camera-switch" class="mui-btn mui-btn-success mui-icon mui-icon-loop mui-col-sm-2"></button>

</div>
<div id="chat" >
    <div  id="chatContainer" class="mui-scroll-wrapper">
        <div id="chatDisplay" class="mui-scroll"></div>
    </div>

    <input id="chatContent" class="mui-input-clear">
    <button type="button" id="sendMessage" class="mui-btn mui-btn-success mui-icon mui-icon-checkmarkempty"></button>
</div>
<div id="video-controller" >
    <!--<button id="record-local" disabled>录制本地视频</button>-->
    <!--<button id="record-remote" disabled>录制远端视频</button>-->

    <br>
    <!--<button id="record-pause" disabled>暂停录制</button>-->
    <!--<button id="record-save" disabled>保存录像</button>-->
    <br>
    <!--<button id="video-leave" disabled>离开</button>-->
</div>

<script src="cordova.js"></script>
<script src="js/socket.io.js"></script>
<script src="js/RecordRTC.js"></script>
<script src="js/getHTMLMediaElement.js"></script>
<script src="js/adapter.js"></script>
<script src="js/RTCMultiConnection.js"></script>
<script src="js/mui/js/mui.js"></script>
<script src="js/video.js"></script>



</body>